// Created by liusc on 2020/8/5-9:24.
<template>
  <div class="budgetWrap">
    <div class="resource-manage">
      <div class="card-box">
        <div class="card-title">
          <span>申请信息</span>
        </div>
        <el-form ref="add-form" :model="form" :rules="rules" class="form-wrap" label-width="auto">
          <el-row>
            <el-col :span="8">
              <el-form-item label="预算编号" prop="budgetCode">
                <el-col class="in_txt">{{form.applyData.budgetCode}}</el-col>
              </el-form-item>
            </el-col>
            <el-col :span="16">
              <el-form-item label="申请名称" prop="applyName">
                <el-col class="in_txt">{{form.applyData.applyName}}</el-col>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="8">
              <el-form-item label="申请部门">
                <el-col class="in_txt">{{applyDept2}}</el-col>
              </el-form-item>
            </el-col>
            <el-col :span="16">
              <el-form-item label="申请类型">
                <el-col class="in_txt">{{applyType2}}</el-col>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="8">
              <el-form-item label="预算总金额(元)">
                <el-col class="in_txt">{{form.applyData.applySum}}</el-col>
              </el-form-item>
            </el-col>
            <!-- <el-col :span="16">
              <el-form-item label="追加预算额">
                <el-col class="in_txt">{{form.applyData.itemValuePre}}</el-col>
              </el-form-item>
            </el-col> -->
          </el-row>
          <!-- <el-row>
            <el-col :span="8">
              <el-form-item label="预算变化">
                <el-col class="in_txt">{{form.applyData.changeAmount}}</el-col>
              </el-form-item>
            </el-col>
          </el-row> -->

          <div class="card-title mb20">
            <span>预算申报</span>
          </div>

          <el-table
            :data="form.itemValueList"
            class="dubgetTable"
            row-key="itemId"
            default-expand-all
            :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
            <el-table-column className="weight" header-align="center" prop="itemName" label="科目" width="300"/>
            <el-table-column align="center" label="预算总金额(元)">
              <el-table-column  align="center" prop="itemValue" :label="`${form.applyData.budgetSum}`"/>
            </el-table-column>
          </el-table>

          <!-- 备注 -->
          <el-form-item label="费用说明"  prop="applyData.remarks">
            <el-input v-model="form.applyData.remarks" placeholder="请输入费用说明" readonly="readonly" />
          </el-form-item>
        </el-form>
      </div>
    </div>
    <!-- 附件组件容器 -->
    <div class="resource-manage">
      <div class="card-box">
        <div class="card-title">附件信息</div>
        <div style="padding: 10px 20px">
          <upload-media type="file" ref="myApply" :busId="busId" :modelType="modelType" :isShowFileList="true" :isView="true">
          </upload-media>
        </div>
      </div>
    </div>
    <!-- 底部返回按钮容器 -->
    <div slot="footer" class="footer" style="padding-left: 20px">
      <el-button @click="cancel"> 返 回</el-button>
    </div>
  </div>
</template>

<script  src="./addapply_add_look.js"></script>
<style scoped lang="scss">
@import "./addapply_add_look";
</style>

